<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{$config_sitename}</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="__CSS__/swiper-3.2.7.min.css?t={$ver}" rel="stylesheet" type="text/css">
<link href="__CSS__/recipesh.css?t={$ver}" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey body-no-pb">
	<div class="loading-wrapper">
		<div class="loading"></div>
	</div>
	<div class="ub ub-ac page-header">
		<a href="javascript:history.back();" class="clickable"><span class="icon-back" style="width:40px;" ></span></a>
		<div class="ub-f1 page-name ub">
			<span class="icon-search-xs cl-b-xxlgrey search-submit"></span>
			<input type="text" class="ub-f1 recipe-search cl-b-xxlgrey" name="search" value="{$title}" placeholder="请输入搜索的食谱关键字">
		</div>
		<a href="javascript:;" class="clickable cl-f-lorange recipe-search-submit search-submit" style="display: none;">
			搜索
		</a> 
		<a href="{:U('Index/category')}" class="clickable recipe-icon"><span class="icon-list"></span></a>
	</div>
	<div id="scroll-wrapper">
		<div id="scroller">
			<ul id="thelist" class="recipe-sort-list" data-url="{:U('Work/search')}?title={$title}" data-type="worklist">
			<foreach name="list" item="lt">
				<li class="dongtai-item cl-b-white row clickable href-js" data-url="{:U('Work/detail')}?workid={$lt.workid}">
					<div class="ub ub-ac">
						<div class="dongtai-img lazy" data-original="{$lt.image}"><img src="__IMAGES__/o7.png" class="oimg"></div>
						<div class="ub-f1 dongtai-text">
							<h3 class="cl-f-dgrey f16 with-article">{$lt.title}</h3>
							<p class="dongtai-article cl-f-lgrey">{$lt.content}</p>
							<div class="dongtai-info ub with-article">
								<img src="{$lt.uavatar}"><p class="cl-f-lgrey">{$lt.nickname}</p>
							</div>
							<div class="option-wrapper ub">
							     <div class="like ub ub-pc ub-ac">
			   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">{$lt.goodnum}</p>
			   					 </div>
								 <div class="comment ub ub-pc ub-ac">
			   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">{$lt.msgnum}</p>
			   					 </div>
							</div>
						</div>
					</div>
				</li>
			</foreach>
			</ul>
			<div class="add-loading ssp-loading">
				<div class="rect1"></div>
				<div class="rect2"></div>
				<div class="rect3"></div>
				<div class="rect4"></div>
				<div class="rect5"></div>
			</div>
		</div>
	</div>
	
	
	<script src="__JS__/jquery-1.11.1.min.js?t={$ver}"></script>
	<script src="__JS__/jquery.lazyload.min.js?t={$ver}"></script>
	<script src="__JS__/swiper-3.2.7.jquery.min.js?t={$ver}"></script>
	<script src="__JS__/custom.js?t={$ver}"></script>
    <script src="__JS__/page.js?t={$ver}"></script>
    <script src="__JS__/common.js?t={$ver}"></script>
    <script type="text/javascript">
    var img_url = "__IMAGES__"; 
    	 var mySwiper = new Swiper ('.swiper-container', {
  		});      

  		$('#thelist').on('click', '.href-js', function(e){
  		    e.preventDefault();
  		    var url = $(this).attr('data-url');
  		    location.href = url;
  		});  

  	    var is_search = true;
  	    
  		$('.search-submit').click(function(e){
  		    e.preventDefault();
  		    var title = $('input[name=search]').val();
  		    if(title == undefined || title == null || title == '')
  		    {
  	  		    showToast('请输入搜索的关键字');
  	  		    return false;
  		    }
  		    location.href = "{:U('Work/search')}?title=" + title;
  		});

  		$('.recipe-search').focus(function(){
            $('.recipe-icon').hide();
            $('.recipe-search-submit').show();
        }).blur(function(e){

//             console.log(e);
            
//         	$('.recipe-search-submit').hide();
        	
//             $('.recipe-icon').show();
        });
    </script>
</body>
</html>